<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="jquery-1.10.1.min.js"></script>
	<script type="text/javascript">
/*	$()下的常用方法

		//以下均是针对兄弟节点
		siblings() : 返回被选元素的所有兄弟节点。有个可选参数，可以筛选

		next(): 下一个兄弟节点
		nextAll() : 下面所有兄弟节点(包括兄弟节点的子节点)
		nextUntil() : 介于两个参数的所有兄弟节点（不包括自身，不包括选取元素）

		prev()：上一个兄弟节点
		prevAll():上面所有兄弟节点
		prevUntil():介于两个参数的所有兄弟节点
*/
	$(function () {

		// $('div').siblings().css('background', '#45cfff')
		// $('div').siblings('#div7').css('background', '#45cfff')

		// $('#div2').next().css('background', '#45cfff');
		
		// $('#div2').nextAll().css('background', '#45cfff');

		// $('#div2').nextUntil('#div7').css('background', '#45cfff');	//不包括自身，不包括选取元素

		// $('p').prev().css('background', '#45cfff');
	})
	
	</script>
</head>
<body>
	<div>div1</div>
	<div id="div2">div2</div>
	<p>p <div>p内的div</div> </p>
	<div>div3</div>
	<div>div4</div>
	<span>span</span>
	<div>div5</div>
	<div>div6</div>
	<div id="div7">div7</div>
	<div>div8</div>
</body>
</html>